<%--
  Created by IntelliJ IDEA.
  User: 30462
  Date: 2023/12/18
  Time: 12:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>登陆页面</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/styles.css">
</head>

<body>
<div class="wrapper">
    <div class="container d-flex flex-column flex-lg-row">
        <div class="lbg01"></div>
        <div class="lbg02"></div>
        <div class="con-left d-flex flex-lg-row-fluid flex-center w-bfb-60 pos-relative">
            <img src="images/5g.png" />
            <div class="lbg03"></div>
        </div>
        <div class="con-right d-flex flex-lg-row-fluid w-bfb-40  flex-column bgi-position-center">

            <form class="sign-in-form">
                <div class="text-header">欢迎登录前端元素网</div>
                <div class="sub-title m-t-10 m-b-30">5G让办公更方便</div>
                <div class="form-group mb-3 mt-4">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fa fa-envelope"></i></span>
                        </div>
                        <input class="form-control form-control-lg" type="text" placeholder="用户名" required="">
                        <div class="input-group-append"></div>
                    </div>
                </div>
                <div class="form-group mb-3 mt-4">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fa fa-lock"></i></span>
                        </div>
                        <input class="form-control form-control-lg" type="password" placeholder="密码" required="">
                        <div class="input-group-append"></div>
                    </div>
                </div>


                <div class="form-row text-nowrap d-flex my-4">
                    <div class="col d-flex align-items-center">
                        <div class="ckbox remuser">
                            <input id="rem_username" name="rem_username" type="checkbox" class="required"
                                   value="1"><label for="rem_username">记住用户名</label>
                        </div>
                    </div>
                    <div class="col d-flex justify-content-end align-items-center"><a
                            class="text-neutral forgot-password-text" href="#">忘记密码了吗？</a></div>
                </div>
                <button class="btn btn-main shadow-sm btn-block" type="submit">点 击 登 录</button>

            </form>

        </div>


    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>

</html>
